.mui-content {
	.main {
		.top {
			.bg {
				height: 9.375rem;
			}
			.head {
				top: 1.875rem;
				left: 0.9375rem;
			}
			.userNmae {
				position: absolute;
				top: 2.75rem;
				left: 6.3125rem;
				color: #ffffff;
				.name {
					font-size: 1rem;
				}
				p {
					margin-top: 0.5rem;
					font-size: 0.875rem;
					color: #ffffff;
					i {
						font-family: PingFang-SC-Medium;
						color: #3b9170;
						padding: 0 0.1875rem;
						background-color: #fff;
						border-radius: 0.1875rem;
						margin-left: 0.3125rem;
						font-size: 0.75rem;
					}
				}
			}
			.data {
				position: absolute;
				left: 0.9375rem;
				top: 7.5rem;
				.active {
					background-color: #187800;
					border-radius: 0.1875rem 0px 0px 0.1875rem;
					color: #ffffff;
				}
				ul {
					flex-wrap: wrap;
					margin-left: 1.75rem;
					margin-right: 1.375rem;
					margin-top: 1.8125rem;
					// width: calc(100% - 1.75rem);
					.martop {
						margin-top: 1.9375rem;
					}
					.marLeft {
						margin-left: 1.1875rem;
					}
					li {
						flex-direction: column;
						color: #333333;
						margin-bottom: 1.5625rem;
						.num {
							font-size: 1.25rem;
						}
						.details {
							font-size: 0.75rem;
						}
						img{
							width: 3.125rem;
							height: 3.125rem;
						}
					}
					li:nth-child(2) {
						.num {
							color: #e64340;
						}
					}
					li:nth-child(4) {
						.num {
							color: #187800;
						}
					}
					li:nth-child(6) {
						.num {
							color: #999999;
						}
					}
				}
				.data_top {
					padding-top: 0.9375rem;

					width: 21.5625rem;
					height: 12.375rem;
					background-color: #ffffff;
					border-radius: 0.5rem;
					p {
						font-size: 0.75rem;
						color: #333333;
						// border: 0.0625rem solid #187800;
						// border-radius: 0.3125rem;
						span {
							width: 4.6875rem;
							height: 1.375rem;
							line-height: 1.375rem;
							text-align: center;
							border-top: 0.0625rem solid #187800;
							border-bottom: 0.0625rem solid #187800;
						}
						span:first-child {
							border-left: 0.0625rem solid #187800;
							border-top-left-radius: 0.3125rem;
							border-bottom-left-radius: 0.3125rem;
						}
						span:last-child {
							border-right: 0.0625rem solid #187800;
							border-top-right-radius: 0.3125rem;
							border-bottom-right-radius: 0.3125rem;
						}
					}
				}
				.data_bottom {
					width: 21.5625rem;
					height: 7.125rem;
					background-color: #ffffff;
					border-radius: 0.5rem;
					margin-top: 0.9375rem;
					ul{
						padding-top: 1.25rem;
						li{
							span{
								margin-top: 0.6875rem;
							}
						}
					}
				}
			}
		}
	}
}
